<template>
  <div
    class="my-h2"
    :style="{
      justifyContent: center ? 'center' : '',
    }"
  >
    <!-- <svg
      t="1647921649819"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="11792"
      width="200"
      height="200"
    >
      <path
        d="M863.1808 707.2768H498.3808a13.8752 13.8752 0 0 1-10.5472-4.7616l-97.28-111.3088-196.4032-42.1376a13.824 13.824 0 0 1-10.24-8.7552L126.4128 387.1744a13.9776 13.9776 0 0 1 13.056-18.8928h67.0208a14.0288 14.0288 0 0 1 12.0832 6.9632l48.5888 83.968h159.7952V401.408a13.9776 13.9776 0 0 1 13.9776-13.9776h315.8016a13.9776 13.9776 0 0 1 6.8608 1.792c6.5024 3.6864 159.8976 91.2384 165.0176 202.9568 2.0992 46.08-6.9632 79.4624-26.9824 98.7136a56.32 56.32 0 0 1-38.4512 16.384z m-0.7168-27.9552h0.7168a28.5696 28.5696 0 0 0 19.6096-9.1136c9.3696-9.3696 20.0192-30.2592 17.92-76.8-4.0448-88.4224-126.6688-165.4784-147.7632-178.0736H454.912v43.8272h186.9824a14.2848 14.2848 0 0 1 8.6528 2.9696c2.6624 2.0992 65.2288 52.224 43.776 117.0944a32.8704 32.8704 0 0 1-31.0784 22.7328c-48.2816 0-82.432 0.8704-102.4 1.536a44.9024 44.9024 0 0 1-42.7008-27.392l-39.68-88.9344H259.1232a13.9776 13.9776 0 0 1-12.0832-7.0144l-48.5888-83.9168h-38.8096l47.6672 127.0784 193.4848 41.472a13.7216 13.7216 0 0 1 7.5776 4.4544l96.3072 110.08h357.7856z m-353.28-192.1536l34.6112 77.7728a0.7168 0.7168 0 0 0 0 0.3072 16.6912 16.6912 0 0 0 16.0768 10.24c20.48-0.6656 54.784-1.4336 103.424-1.5872a5.12 5.12 0 0 0 4.608-3.5328c12.9536-39.1168-20.0192-73.3184-31.0784-83.3536z"
        p-id="11793"
      ></path>
      <path
        d="M898.048 633.5488c-59.648 0-107.52-17.7664-141.8752-52.8384-65.6384-66.56-59.0848-171.1104-58.7776-175.5136a13.9776 13.9776 0 0 1 27.8528 1.9456c0 0.9728-5.8368 96.512 50.944 154.0608 32 32.4096 78.2848 47.2064 137.6768 43.9808a13.9776 13.9776 0 1 1 1.536 27.904q-8.8064 0.4608-17.3568 0.4608zM165.7856 508.672a104.9088 104.9088 0 1 1 104.9088-104.8576 106.3936 106.3936 0 0 1-2.816 24.1664A13.9776 13.9776 0 0 1 240.64 421.5296a75.8272 75.8272 0 0 0 2.048-17.7152 76.8 76.8 0 1 0-76.8 76.8 13.9776 13.9776 0 1 1 0 27.904zM656.2816 343.6032h-102.912a13.9264 13.9264 0 0 1-13.9264-13.9776V259.072a13.9264 13.9264 0 0 1 13.9264-13.9776h102.912a13.9264 13.9264 0 0 1 13.9264 13.9776v70.5536a13.9264 13.9264 0 0 1-13.9264 13.9776z m-88.9344-27.9552h74.9568v-42.6496h-74.9568z"
        p-id="11794"
      ></path>
      <path
        d="M548.608 303.5136H249.5488a13.9776 13.9776 0 1 1 0-27.904h299.0592a13.9776 13.9776 0 1 1 0 27.904zM958.9248 303.5136h-299.0592a13.9776 13.9776 0 1 1 0-27.904h299.0592a13.9776 13.9776 0 0 1 0 27.904zM576.1024 412.9792a13.9264 13.9264 0 0 1-13.9264-13.9776V328.448a13.9776 13.9776 0 1 1 27.904 0v70.5536a13.9776 13.9776 0 0 1-13.9776 13.9776zM641.8944 412.9792a13.9264 13.9264 0 0 1-13.9264-13.9776V328.448a13.9776 13.9776 0 1 1 27.904 0v70.5536a13.9776 13.9776 0 0 1-13.9776 13.9776zM516.7104 693.2992h27.904v75.3664h-27.904zM754.7392 693.2992h27.904v75.3664h-27.904z"
        p-id="11795"
      ></path>
      <path
        d="M823.7568 782.592H426.5984a13.9776 13.9776 0 1 1 0-27.904h393.6256c9.9328-5.5296 23.6544-15.36 26.7776-21.9648a13.9776 13.9776 0 1 1 25.2928 11.8272c-8.704 18.6368-36.6592 33.6896-42.1888 36.5056a13.6704 13.6704 0 0 1-6.3488 1.536z"
        p-id="11796"
      ></path>
    </svg> -->
    <svg
      t="1697440895183"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="1484"
      width="200"
      height="200"
    >
      <path
        d="M131 213h98v249.7h303.3V213h98v598.2h-98V546.5H229v264.8h-98V213z m673.8 327.1c25.7 0 46.9 7.4 63.7 22.3 16.4 14.9 24.6 33.9 24.6 57.7 0 23.1-8.9 43.9-26.1 62.9-10.4 11.2-29 25.3-55.1 42.8-27.2 17.9-43.6 33.5-49.5 46.9h131.1v38.4H708c0-27.2 8.6-50.6 26.4-70.7 9.7-11.2 30.2-27.6 61.1-48.8 17.1-11.9 29-22 36.5-29.8 11.5-13 17.5-27.2 17.5-42.1 0-14.5-4.1-25.3-11.5-32.4-7.8-7.1-19.4-10.4-34.6-10.4-16.4 0-28.7 5.6-36.9 16.8-8.2 10.4-12.7 26.4-13.4 47.3h-43.6c0.4-29.8 8.9-53.6 26.1-71.9 17.4-19.3 40.5-29 69.2-29z"
        p-id="1485"
      ></path>
    </svg>
    <slot></slot>
  </div>
</template>

<script setup lang="ts">
import { defineProps, toRefs } from "vue"
const props = defineProps({
  center: Boolean,
})
const { center } = toRefs(props)
</script>

<style lang="scss" scoped>
.my-h2 {
  font-size: 20px;
  display: flex;
  align-items: center;
  color: var(--TextColor);
  transition: var(--basic-transition);
  font-weight: bold;
  margin-bottom: var(--bottom);
  &:hover {
    color: var(--themeColor);
  }
  &:hover .icon {
    fill: var(--themeColor);
  }
  .icon {
    width: 23px;
    height: 23px;
    margin-right: 5px;
    fill: var(--TextColor);
    transition: all 0.3s var(--n-bezier);
  }
}
</style>
